<template>
	<view>
		<cu-custom :isBack="true" bgColor="bg-white">
			<block slot="content">
				<view class="custom-title">碳普惠</view>
			</block>
		</cu-custom>
		<view class="manage-top-content">
			<view :class="selTab==index?'sel':'unsel'" v-for="(item,index) in tabList" :key="index" @click="selTab=index">
			  {{item.name}}
			</view>
		</view>
		<view class="padding-top-48 padding-left-32 padding-right-32">
<!--			<view v-if="selTab==1">-->
<!--				<view class="text-center">-->
<!--					<image src="https://txr001.zthj.net/static/img/background.png" class="icon-img"></image>-->
<!--					<view class="jqqd">暂无数据</view>-->
<!--					&lt;!&ndash; <view class="open-desc">功能正在开发中……</view> &ndash;&gt;-->
<!--				</view>-->
<!--			</view>-->
            <view class="text-centers">
            	<image src="https://txr001.zthj.net/voucher_img/noData.png"></image>
            	<view class="jqqds">暂无数据</view>
            	<view class="open-descs">功能正在开发中……</view>
            </view>
        </view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				selTab:2,
				tabList:[
					{name:"普惠项目",value:"1"},
					{name:"自愿碳中和",value:"2"},
				]
			}
		},
		onLoad(option) {
			option.id ? this.selTab = option.id : 2
		},
		mounted(){
			// this.$route.query.id ? this.selTab = this.$route.query.id :  0 ;
		},
		methods: {
			
		}
	}
</script>

<style scoped lang="less">
	.manage-top-content{
		padding: 48rpx 0 0 32rpx;
		display: flex;
		align-items: center;
		// justify-content: space-around;
		// width: 700rpx;
		overflow-y: scroll;
		view{
			margin-right: 48rpx;
			&:last-child{
				margin-right: 0;
			}
		}
		.sel{
			padding: 0 16rpx;
			height: 50rpx;
			line-height:50rpx;
			background: #010101;
			border-radius: 30rpx;
			font-size: 32rpx;
			font-weight: 600;
			color: #FFFFFF;
			text-align: center;
		}
		.unsel{
			// min-width: 224rpx;
			font-size: 32rpx;
			font-weight: 600;
			color: #010101;
			text-align: center;
			// margin-right: 60rpx;
		}
	}
	.icon-img{
		margin-top:254rpx ;
		// width: 154rpx;
		// height: 215rpx;
		width: 42px;
		height: 58.39px;
	}
	.jqqd{
		margin-top: 48rpx;
		font-size: 12px;
		color: #767879;
	}
	.open-desc{
		padding-top: 4rpx;
		font-size: 24rpx;
		font-weight: 400;
		color: #767879;
	}

    .empty{
        margin-top:300rpx;
        color :#999;
        text-align: center;
    }
</style>